import React from 'react';

interface HistorySectionProps {
  title: string;
  items: string[];
}

const HistorySection: React.FC<HistorySectionProps> = ({ title, items }) => {
  return (
    <div>
      <h2 className="text-gray-600 mb-3">{title}</h2>
      <div className="space-y-3">
        {items.map((item, index) => (
          <div
            key={index}
            className="bg-white p-4 rounded-lg shadow-sm hover:bg-gray-50 transition-colors cursor-pointer"
          >
            <p className="text-gray-800">{item}</p>
          </div>
        ))}
      </div>
    </div>
  );
};

export default HistorySection;